<div class="x-body">

    <blockquote class="layui-elem-quote">
        欢迎使用 #(configMap.webAppName.value) 后台管理 v1.0
        <br/><br/>
        呆萌狮架构主要核心：
        <br/>后端框架：Jboot v1.2.2
        <br/>后端工具：Hutool v3.2.0
        <br/>前端框架：layui v2.x
        <br/>前端依赖：xAdmin v2.x
        <br/>渲染引擎：enjoy v3.3
        <br/>sql&nbsp&nbsp分离：enjoy v3.3
        <br/>核心驱动：jfinal v3.3
        <br/>权限框架：Shiro v1.3.2
    </blockquote>



    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-md8">

            <div class="grid-demo grid-demo-bg1">
                <div class="layui-field-box">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>数据统计</legend>
                    </fieldset>
                    <table class="layui-table" lay-even>
                        <thead>
                        <tr>
                            <th>统计</th>
                            <th>资讯库</th>
                            <th>图片库</th>
                            <th>产品库</th>
                            <th>用户</th>
                            <th>管理员</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>总数</td>
                            <td>92</td>
                            <td>9</td>
                            <td>0</td>
                            <td>8</td>
                            <td>20</td>
                        </tr>
                        <tr>
                            <td>今日</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                        </tr>
                        <tr>
                            <td>昨日</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                        </tr>
                        <tr>
                            <td>本周</td>
                            <td>2</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                        </tr>
                        <tr>
                            <td>本月</td>
                            <td>2</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                        </tr>
                        </tbody>
                    </table>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>服务信息</legend>
                    </fieldset>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th colspan="2" scope="col">服务器信息</th>
                        </tr>
                        </thead>
                        <tbody>

                        #for(x:sysInfos)
                        <tr>
                            <th width="30%">#(x.name)</th>
                            <td><span id="lbServerName">#(x.value)</span></td>
                        </tr>
                        #else
                        <tr>
                            <td><span>未获取到系统信息</span></td>
                        </tr>

                        #end


                        </tbody>
                    </table>
                </div>


            </div>
        </div>
        <div class="layui-col-xs12 layui-col-md4">
            <div class="grid-demo">
                <div class="layui-field-box">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>里程碑</legend>
                    </fieldset>
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月19日</h3>
                                <p>
                                    版本v1.0.0开源咯
                                    <br>终于可以发布初始版本了.
                                    <br>历经10天开发,学会非常多新知识
                                    <br>我还会慢慢完善,比如加密,和一些执行判断
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月18日</h3>
                                <p>
                                    完成角色关联权限配置
                                    <br>完成角用户添加可以添加角色
                                    <br>完成角用户编辑可以编辑角色
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月17日</h3>
                                <p>
                                    完成登录和注销
                                    <br>完成角色增删改查渲染
                                    <br>完成权限增删改查渲染
                                    <br>完成管理员查询渲染
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月16日</h3>
                                <p>
                                    Shiro 入坑,各种坑
                                    <br>成功利用jboot集成Shiro
                                    <br>完成Shiro 自定义权限管理
                                    <br>2天过后成功开发出权限管理界面(增删改查)
                                    <br>发现Shiro 查询效率问题,学会使用缓存查询权限
                                    <br>学会利用jfinal duang.duang 解决了权限查询问题
                                    <br>学会使用jfinal sql 模板成功将sql部分分离
                                    <br>学会使用jfinal sql 模板成功将分页抽离公用,以后只需传入对应sql即可分页
                                    <br>学会使用enjoy 模板技术实现高效动态嵌套渲染的高级用法
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月11日</h3>
                                <p>
                                    12月11日日子特殊,是我的生日,也是项目生日.
                                    <br>呆萌狮内容管理立项,开发出部分demo实操
                                    <br>成功利用jboot创建项目
                                    <br>成功利用jboot实现打包以及maven的配置
                                    <br>成功利用enjoy技术渲染界面
                                    <br>成功利用enjoy模板技术,大大减少开发时间
                                    <br>成功开发出菜单管理界面(增删改查)
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">2017年12月8日</h3>
                                <p>
                                    呆萌狮内容管理项目构思,核心架构技术学习
                                    <br>学习并且了解jboot
                                    <br>学习并且了解jfinal
                                    <br>学习并且了解enjoy
                                    <br>学习了解Shiro配置
                                    <br>然而对于没有做过完整WebAPP的我来说是一个挑战
                                    <br>虽然我是个Android 实际5年开发经验
                                    <br>凭着自己对web的理解和经验
                                    <br>做一个开源项目
                                    <br>就是一个字
                                    <br>干
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">...</div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>


    <blockquote class="layui-elem-quote layui-quote-nm">感谢jboot、layui、X-admin。本后端基于jboot架构，前端基于layui,X-admin。
    </blockquote>

</div>